﻿.contacts{
	width:100%
}

.contacts .form li img{
	width: 240px;
}
.ncaptchaimg input{
	height: 52px !important;
    width: 52px !important;
    border:0px !important
}
.contacts .form {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    padding: 15px 10px;
    border-radius: 0px;
    }
.modal-content .contacts .form{
    background: #f7f7f7;
    border: 0px;
    }

.contacts .form  select{
    border: 1px #c1c1c1 solid;
    box-sizing: border-box;
    height: 45px!important;
    width: 100%;
    font-family: Droid Arabic Kufi !important;
    font-size: 16px!important;
    color: #888;
    line-height: 45px!important;
    text-transform: capitalize;
    text-align: right;
    direction: rtl;
}
.layout-fullWidth:lang(ar-sa) * , .modal-content:lang(ar-sa) *{
	font-family: Droid Arabic Kufi ;
}
.contacts .form li input[type=submit]{
	width:auto;
	margin-top: 0px !important;
}
.contacts {
    font-size: 16px;
}
#divCalender button ,.AddDuration button {
	margin-top: auto !important;
	min-width:  inherit;
	float: inherit;
	}
.fc-button{
	    font-size: 1em !important;
}
.fc-toolbar > * > :not(:first-child) {
    margin-left: 0.75em !important;
}
.SlotIsFull {background: #b85858 !important;border-color: #880b0b;cursor: auto !important;}
.SlotOverDuo {background: #bbbbbb !important;border-color: #dcdcdc;cursor: auto !important;}
.SelectedDuration{background:#048745 !important;border-color: #28773f;cursor: auto !important;}
.CalContainer {margin: 20px 0;}
.fc-time-grid {min-height: auto;}	
.fc-time-grid-container, .fc-time-grid {height: auto !important;}
input:focus ,*{
	outline: 0 !important;
    box-shadow: none !important;
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {

    background-color: #0e68b3 !important;
    border-color: #43361b;
}
.fc-button-primary {
    color: #333;
    background-color: #f1f1f1;
    border-color: #ccc;
}
.fc-button-group:lang(ar-sa){
	direction:rtl
}
.fc-button-group:lang(ar-sa) > .fc-button:not(:last-child){
	border-radius: 0 0.25em 0.25em 0 
}
.fc-button-group:lang(ar-sa) > .fc-button:not(:first-child){
	border-radius: 0.25em 0 0 0.25em  
}
.fc-button-primary:hover {
    color: #0e0e0e;
    background-color: #d3e6f7;
    border-color: #877e6c;
}
.fc-toolbar h2 {
    font-size: 2rem !important;
    color: #64461b;
}
.fc-toolbar:lang(ar-sa) h2{
	direction:rtl
}
.fc th {
    padding: 7px;
    background: #f1f1f1;
}
.fc-event, .fc-event-dot {
        background-color: #0e68b3;
    border-color: #0b6ab9;
        padding: 8px;
    cursor: pointer;
}
.contacts2 .form li{
	width:49%
}
.contacts .form li select {
    padding: 0 5px !important;
}
.contacts:lang(en-GB) .form li select{
	direction:ltr
}
.contacts .form li span{
	margin-bottom: 10px;
	font-weight: 700;
	display: block;
}
.contacts2 .form li span{
	margin-bottom: 5px;}

.contacts .form li {
    margin: 0 0 15px 5px;
    vertical-align: baseline;
}
.orange_btn{
	    margin: 0px !important;
    
    padding: 0 0 5px !important;
    font-size: 13px !important;
    font-weight: bold;}
    
#processing_overlay{
	z-index:9	
}
.AddDuration{
	padding:20px 0;
	text-align:center
}
.btnAddDu{
  position: relative;
  display:inline-block;
  background: #048745;
    color: #fff;
}
.btnAddDu input{
	z-index:2;
	background:transparent !important;
	position:relative;
	margin:4px 0 0 !important;
	padding: 6px 43px 8px 30px !important;
    font-size: 15px !important;
    font-family: inherit;
    border-radius: 0px;
    color: #fff;
}
.btnAddDu .fc-icon{
	z-index: 1;
    position: absolute;
    right: 12px;
    font-size: 18px;
    top: 9px;
    }
.modal-footer input{
	color: #fff;
	margin: 0 7px !important;
    border-color: #0d4a41 ;
} 
.modal-footer input:last-child {
	background-color: #f8f9fa !important;
    border-color: #f8f9fa;color: #2e2e2e;}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #048745;
}    
.btn-primary {
    background-color: #048745;
    border-color: #0d4a41 ;
    border-radius: 0;
 }
 .daterangepicker .drp-selected {
    display: block;
    }
 .daterangepicker.show-calendar .drp-buttons {
    overflow: hidden;
}
 button.close {
    opacity: 1;
    float:left;
    width: 25px;
    min-width: 25px;
        margin-top: -4px !important;
    margin-left: 10px !important;
}
 button.close img{
	width: 25px;
} 
 
 
.fc-time-grid .fc-slats td {
    height: 2.5em;
}
#tblAppointments, #tblAppointments td{
border:1px solid #e2e2e2 !important;
} 
#tblAppointments th{
    padding: 10px;
    font-size: 12px;
}
#tblAppointments td{
	padding:4px
} 
#tblAppointments tbody input{
	margin:0px;
	background-color: #048745;
    border-color: #329433;
    color:#fff;
        min-width: auto;
    font-size: 13px !important;
    margin-top: 0px !important;
}
#tblAppointments tbody .footable-last-visible input{
	background-color: #b84d4d;
    border-color: #c30808;
}
#tblAppointments tbody input[type=button][disabled]{
	background: whitesmoke;
    color: #adadad;
    border-color: #dbdbdb;
}
#tblAppointments .tblHeader{
color: #222!important;
    background: #ccc!important;
    border-color: #c6c2a3 !important;
    
    }
.tblHeader * {
    color: #222;
    font-size: 16px !important;
    font-weight: normal;
}
.tblHeader:lang(ar-sa) * {
	text-align:right
}
.btn.btn-default.dropdown-toggle{
	display:none;
}
.pagination > li > a, .pagination > li > span {
    line-height: inherit;
    color: #826f45;
}
.pagination > li.disabled > a{
    color: #d9d9d9;
}
.footable-pagination-wrapper .label-default {
    background-color: #a09c9c;
    font-weight: normal;
}
.pagination:lang(ar-sa) {
    direction: ltr
}
.footable-pagination-wrapper {
    padding-bottom: 10px;
}
.pagination > .active > a{
    background-color: #048745 !important;
    border-color: #649b75 !important;    }
.footable-filtering-search ,.footable-filtering-PageSize {
	width:37%
}
.footable-paging-widget{
	width:24%;
	text-align:right
}
.footable-filtering-PageSize{
	text-align:right
}
.footable-filtering-PageSize .form-control:first-child{
	float:left
}
.footable-filtering-PageSize:lang(ar-sa) .form-control:first-child{
	float:right
}
.footable-filtering-PageSize .form-control:first-child{
	width:40%
}

.footable-paging-widget:lang(ar-sa) ,.footable-filtering-PageSize:lang(ar-sa){
	text-align:left
}
.footable-filtering-PageSize .form-control:last-child{
	width: 60px;
    margin: 0 4px !important;
}
.footable-filtering .form-control{
border-radius:0px
}
.fc-icon-x:before {
    content: "" !important;
}
.footable-filtering-search .btn-primary{
min-width: 20px;
    padding: 6px 4px;
    margin: 0px 2px;
        margin: 0px 2px !important;
    }
    .btn-primary:hover {
    background-color: #826f45;
    border-color: #826f45;
}
.footable-paging-widget-row th{
	padding: 0 5px 13px !important;
}
.footable-header th:last-child,.footable-header th:nth-last-child(2){
	width:95px
}
.footable-empty td{
    padding: 20px !important;
    color: #826f45;
    font-size: 23px !important;
}
.footable-paging .label{
	border-radius:0
}
.footable-filtering .form-control{
	padding: 0px 10px;
}
.FullLineItem{
	width:100% !important;
	text-align:center
}
.FullLineinner{
	background: #e3e3e3;
    padding: 10px 87px 5px;
    border: 1px solid #fff;
    }
 .FullLineinner   #lblSelectDateTime{
	font-weight:normal !important;
	margin: 0 5px 6px;
    font-size: 14px;
}
#liCashier{
	width:100%;
	padding: 28px 5px 0;
    border: 1px solid #ffffff;
    background: ivory;
}
.ValdidatorClass {
    font-size: 12px;
    font-weight: normal !important;
    margin-bottom: 0px !important;
    color: #e24040;
}
.fc-time-grid-event .fc-time {
    font-size: 1em;
}
.fc-time-grid-event:lang(ar-sa) .fc-time {
    direction: rtl;
}

@media only screen and (max-width: 600px) {
  .fc-toolbar{
    display:block
  }
  .fc-toolbar .fc-left ,.fc-toolbar .fc-center ,.fc-toolbar .fc-right{
	margin-bottom: 10px;
    text-align: center;
}
.contacts2 .form li {
    width: 100%;
}
#DeltaPlaceHolderMain{
	margin: auto -15px;
}
.inner_continer {
    padding: 14px 9px;
    margin: auto -10px;
}
.fc-event, .fc-event-dot {
    padding: 8px 1px;
}
}

.fc-short {
padding: 0px 5px;
}    
    
